<template>
	<div class="wdxq2" :style="{'min-height':Height-73+'px'}">
		<div class="wdxq_title flex align_center">
			<i class="el-icon-arrow-left" style="float: left;margin-left: 4%;font-size: 2.4rem;" @click="fh"></i>
			<span class="flex1">黑名单</span>
			<i class="el-icon-arrow-left" style="float: right;margin-right: 4%;font-size: 2.4rem;opacity: 0;"></i>
		</div>
		<div v-if="list.length!=0">
			<div class="wdxq_div6 flex" v-for="(data,key) in list">
				<div class="wdxq_div6img">
					<img :src="data.head_img_s" />
				</div>
				<div class="flex1 wdxq_div6text">
					<p class="wdxq_div6textp1">{{data.username}}</p>
					<div class="flex align_center wdxq_div6textp2">
						{{data.age}}岁&nbsp;&nbsp;{{data.address}}&nbsp;&nbsp;<img src="../../../../static/img/images/wdxqdiv6.jpg"/>{{data.education}}
					</div>
				</div>
			</div>
		</div>
		
		<div style="width: 100%;" v-else>
			<img style="width: 100%;display: block;" src="../../../../static/img/images/wdxqhmd.png" />
			<p style="text-align: center;color: #8a8a8a;line-height: 2rem;font-size: 1.5rem;">暂无数据</p>
		</div>

	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				Height:0,
				tabI:0,
				div1left:[{
					'name':'本月',
					'i':0,
				},{
					'name':'上月',
					'i':1,
				},{
					'name':'全部',
					'i':2,
				}],
				list:[],

			}
		},
		mounted() {
			this.Height=document.body.offsetHeight;
			this.getBlackList()
		},
		methods: {
			getBlackList(){
				let  loading=this.$loading({
		          lock: true,
		          text: 'Loading',
		          spinner: 'el-icon-loading',
		          background: 'rgba(255, 255, 255, 1)'
		        });
				this.$http.post(this.defines.getBlackList, {
						uid: window.uid
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							this.list=data.data.data.list;
							loading.close();
						},
						(error) => {
							console.log(error);
						}
					);
			},
			fh(){
        		window.history.go(-1);
        	},
		}
	}
</script>

